<ion-navbar *navbar primary>
  <ion-title>新轻美分期</ion-title>

</ion-navbar>

<!--<ion-content class="card-background-page">
-->
<ion-content class="cards-bg">
  <ion-card>
    <img src="img/xx.jpg" (click)="openPage()" />
    <!--
    <div class="card-title">San Francisco</div>
    <div class="card-subtitle" style="color: #000;">旧金山梦幻新娘妆</div>
    -->
  </ion-card>
<!--
</ion-content>
<ion-content class="cards-bg">
-->

  <ion-card>
    <img src="img/im_1.jpg"/>

    <ion-card-content>
      <h2 class="card-title">
	轻美容-眉毛修剪
      </h2>
      <p>
	年卡： 145元, 分期：12期
      </p>
    </ion-card-content>

    <ion-row no-padding>
      <ion-col>
        <button clear small danger>
          <ion-icon name='star'></ion-icon>
	  1人已购买
        </button>
      </ion-col>
      <ion-col text-center>
        <button clear small danger>
          <ion-icon name='musical-notes'></ion-icon>
	  咨询和预约
        </button>
      </ion-col>
      <ion-col text-right>
        <button clear small danger>
          <ion-icon name='share-alt'></ion-icon>
	  分享
        </button>
      </ion-col>
    </ion-row>

  </ion-card>

  <ion-card>
    <img src="img/im_2.jpg"/>

    <ion-card-content>
      <h2 class="card-title">
	苏州整形
      </h2>
      <p>
	苏州整形分期付款_整形美容分期_苏州首家分期付款整形美容医院_苏州常春藤整形分期
      </p>
    </ion-card-content>

    <ion-row no-padding>
      <ion-col>
        <button clear small danger>
          <ion-icon name='star'></ion-icon>
	  1人已购买
        </button>
      </ion-col>
      <ion-col text-center>
        <button clear small danger>
          <ion-icon name='musical-notes'></ion-icon>
	  咨询和预约
        </button>
      </ion-col>
      <ion-col text-right>
        <button clear small danger>
          <ion-icon name='share-alt'></ion-icon>
	  分享
        </button>
      </ion-col>
    </ion-row>

  </ion-card>

  <ion-card>
    <img src="img/im_3.jpg"/>

    <ion-card-content>
      <h2 class="card-title">
	苏州整形
      </h2>
      <p>
	苏州整形分期付款_整形美容分期_苏州首家分期付款整形美容医院_苏州常春藤整形分期
      </p>
    </ion-card-content>

    <ion-row no-padding>
      <ion-col>
        <button clear small danger>
          <ion-icon name='star'></ion-icon>
	  1人已购买
        </button>
      </ion-col>
      <ion-col text-center>
        <button clear small danger>
          <ion-icon name='musical-notes'></ion-icon>
	  咨询和预约
        </button>
      </ion-col>
      <ion-col text-right>
        <button clear small danger>
          <ion-icon name='share-alt'></ion-icon>
	  分享
        </button>
      </ion-col>
    </ion-row>

  </ion-card>
</ion-content>
